﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChartScoreKnowModle.aspx.cs" Inherits="Web.ChartScoreKnowModle" %>
<%@ Register src="ChartHeader.ascx" tagname="ChartHeader" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <link href="css/style_a/web.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="css/style_a/print.css" type="text/css" rel="stylesheet" media="print" />
    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="js/JGcharts/jquery.gchart.pack.js" type="text/javascript"></script>
    <script src="js/JGcharts/jquery.gchart.graphviz.pack.js" type="text/javascript"></script>
    <script src="js/JGcharts/jquery.gchart.icons.pack.js" type="text/javascript"></script>
    <script src="js/JGcharts/jquery.gchart.ext.pack.js" type="text/javascript"></script>
    <script type="text/javascript">       
     $(function() {
        $('#barChart').gchart({
            type: 'barVertGrouped',
            width: 800,
            height: 400,
            backgroundColor: { angle: 'vertical', colorPoints: [['eeeeee', 0], ['white', 1]] },
            axes: [$.gchart.axis('bottom', 1, 8, 'black'),
            $.gchart.axis('left', 0, 100, 'black'),
            $.gchart.axis('bottom', ['序号'], [50], 'black')],
            margins: [50, 0, 20, 50],
            barWidth: 10,
            barSpacing: 2,
            barGroupSpacing: 10,
            minValue: 0,
            maxValue: 100,
            barZeroPoint: 0.0,
            legend: 'right',
            series: [$.gchart.series('个人', [<%= mychart %>], 'FA5E1F'),
            $.gchart.series('班级', [<%= classchart %>], '00ff00'),
            $.gchart.series('年级', [<%= gradechart %>], 'ffa500'),
            $.gchart.series('学区', [<%= areachart %>], '808080')]
        });
    });    </script> </head>
<body>
<form id="form1" runat="server">
<uc1:ChartHeader ID="ChartHeader1" runat="server" />
<div id="main">
  <ul class="control">
    <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
    <li class="prev"><a href="ChartScoreBase.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
    <li class="next"><a href="ChartScoreKnowPoint.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
    <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
  </ul>
  <ul id="page">
    <li class="every">    
    <div class="module-t">
        <h3>知识领域得分率</h3>
        <em class="num">
            <span class="num_curr">2</span>
            <span class="num_total">/8</span>
        </em>
    </div>
      <div class="module-c">
        <table class="module_table">
            <tr>
            <th width="8%">序号</th>
            <th width="16%">知识领域</th>
            <th width="8%">题量</th>
            <th width="8%">分值</th>
            <th width="10%">个人得分</th>
            <th width="12%">个人得分率</th>
            <th width="12%">班级得分率</th>
            <th width="12%">年级得分率</th>
            <th width="12%">学区得分率</th>
            </tr>
            <tbody id="KnowledgeList" runat="server">
            </tbody>
        </table>
        <ul class="module_stat">
          <div class="module-c" id="barChart"></div>
        </ul>
      </div>
     </li>
    </ul>
    <ul class="control">
        <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
        <li class="prev"><a href="ChartScoreBase.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
        <li class="next"><a href="ChartScoreKnowPoint.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
        <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
    </ul>
</div>
<div id="foot">CopyRight 2011 海淀教育考试培训中心</div>
</form>
</body>
</html>
